<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>Gps定位</title>
	<link rel="stylesheet" href="../../resources/css/building.css" />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
        <![endif]-->
</head>

<body style="overflow-x: hidden;overflow-y: auto;">
    <section>
        <div class="mainwrapper">
            <div class="mainpanel">
                <div class="contentpanel" style="width:100%;height:100%;overflow: hidden;">
                    <img src="../../resources/images/bg.jpg" class="locationmap">
                    <canvas id="myCanvas" width="100%" height="100%"></canvas>
                </div>
                <div class="panel panel-default" id="Proportion">
                    <div class="panel-heading">比例设置（1：N）</div>
                    <div class="panel-body">
                        <label class="title">网格比例(N)：</label>
                        <div class="col-sm-12">
                            <input type="number" id="Proportionnum" name="firstname" class="form-control" placeholder="请输入比例系数N"
                                value="50" />
                             <button class="btn" id="Proportionbtn">确认</button>
                        </div>
                        
                    </div>
                       
                </div>
                <div class="xywindows">已经是最小比例了！</div>
            </div>
        </div>
        </div>
    </section>
	<script type="text/javascript" src="../../resources/js/jquery.min.js"></script>
	<script type="text/javascript" src="../../resources/js/jquery.cookie.js"></script>
    <script src="../layouts/canvas-map.js"></script>
    <script language="javascript">
        // onmousewheel="return bbimg(this)"  添加到页面元素上
        function bbimg(o) {
            var zoom = parseInt(o.style.zoom, 10) || 100;
            zoom += event.wheelDelta / 12;
            if (zoom > 70) {
                o.style.zoom = zoom + '%';
            }else{
                // $ ('.xywindows').css("display","block").delay (1000).fadeOut ();
            };
            return false;
        }
    </script>
</body>

</html>